<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta content="no" http-equiv="imagetoolbar">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>环球期货开户注册</title>
    <link rel="stylesheet" type="text/css" href="css/weixin2.css" />
</head>

<body>
    <header class="top-banner">
        <img src="img/wx.png" alt="">
    </header>
    <div class="p-content">
        <div class="money-detail">
            <form id="frm">
                <input type="hidden" name="p1" id="p1" data-val-required="请上传身份证正面图片">
                <input type="hidden" name="p2" id="p2" data-val-required="请上传身份证背面图片">
                <ul>
                    <li>
                        <span class="name">真实姓名：</span>
                        <span class="con">
                            <input type="text" class="l-text" name="name" id="name" placeholder="请填写您的姓名" data-val-required="请填写您的姓名" data-val-func="validateEmoji"
                                data-val-func-require="您的姓名中包含emoji表情">
                        </span>
                    </li>
                    <li>
                        <span class="name">身份证号：</span>
                        <span class="con">
                            <input type="text" class="l-text" name="id_card" id="id_card" placeholder="请填写您的身份证号" data-val-func="validateIdCard" data-val-length="身份证号最多允许输入18个字"
                                data-val-length-max="18" data-val-regex-require="请输入正确的身份证号" data-val-regex-pattern="^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$"
                                data-val-remote="身份证号错误或已经存在" data-val-required="请输入身份证号">
                        </span>
                    </li>
                    <li>
                        <span class="name">密码：</span>
                        <span class="con">
                            <input type="password" class="l-text" name="pwd" id="pwd" data-val-min="6" data-val-min-required="请填写6位密码" data-val-max="6"
                                data-val-max-required="请填写6位密码" data-val-required="请输入6位密码">
                            <!-- <i class="eye-icon open-eye close-eye"></i> -->
                        </span>
                    </li>
                    <li>
                        <span class="name">确认密码：</span>
                        <span class="con">
                            <input type="password" class="l-text" name="confirm_pwd" id="confirm_pwd">
                            <!-- <i class="eye-icon open-eye "></i> -->
                            <!-- close-eye -->
                        </span>
                    </li>
                    <li>
                        <span class="name">推荐人：</span>
                        <span class="con">
                            <input type="text" class="m-text" name="referrer" id="referrer" placeholder="请填写推荐人的姓名" data-val-required="请填写推荐人的姓名" data-val-func="validateEmoji"
                                data-val-func-require="推荐人的姓名中包含emoji表情">
                            <span class="text-tips">如果没有可不填</span>
                        </span>
                    </li>
                    <li>
                        <span class="name">身份证照片：</span>
                        <div class="con id-card">
                            <div class="card-item">
                                <p class="img-p">
                                    <canvas id="canvas1" style="display: none"></canvas>
                                    <img src="img/picbg.png" alt="" id="img_p1">
                                    <input type="file" name="file_p1" id="file_p1" class="upload" data-id="1" />
                                </p>
                                <p class="text">（正面）</p>
                            </div>
                            <div class="card-item">
                                <p class="img-p">
                                    <canvas id="canvas2" style="display: none"></canvas>
                                    <img src="img/picbg.png" alt="" id="img_p2">
                                    <input type="file" name="file_p2" id="file_p2" class="upload" data-id="2" />
                                </p>
                                <p class="text">（背面）</p>
                            </div>
                        </div>

                    </li>
                    <li>
                        <span class="name"></span>
                        <div class="con">
                            <p class="tips">注意：请上传600KB以内的身份证照片</p>
                        </div>
                    </li>
                    <li>

                    </li>
                    <li>
                        <span class="name">手机号：</span>
                        <span class="con">
                            <input type="tel" class="l-text" name="tel" id="tel" placeholder="请填写您的手机号" data-val-regex-require="请输入正确的手机号码" data-val-regex-pattern="^\+?(86)?[1][34578]\d{9}$"
                                data-val-required="请输入手机号" data-val-func="validateEmoji" data-val-func-require="手机号中包含emoji表情">
                        </span>
                    </li>
                    <li>
                        <span class="name">验证码：</span>
                        <span class="con">
                            <input type="text" class="m-text" name="code" id="code" placeholder="请填写您收到的验证码" data-val-required="请填写您的验证码" data-val-func="validateEmoji"
                                data-val-func-require="您的验证码中包含emoji表情">
                            <span class="code-btn got-code" id="btn_get_code">获取验证码</span>
                        </span>
                    </li>
                </ul>
            </form>
            <div class="agreement-operate">
                <div>
                    <label for="">
                        <input type="checkbox" id="agree_about">
                        <label for="agree_about">我同意并已阅读</label>
                    <a href="page_new.html">《风险揭示书及委托交易协议》</a>
                    </label>
                </div>
                <!-- <div>
                    <label for="">
                        <input type="checkbox"> 我同意并已阅读
                        <a href="#">《开户协议》</a>
                    </label>
                </div> -->

            </div>
        </div>
    </div>
    <div class="sub-btn">
        <a href="javascript:;" id="btn_submit">提交</a>
        <p class="tips">注意：请正确填写个人信息，否则系统将不予通过!</p>
    </div>

    <div class="modal-overlay" style="display:none"></div>
    <div class="modal modal-no-buttons" style="display:none">
        <div class="modal-inner">
            <div class="modal-title">加载中</div>
            <div class="modal-text">
                <div class="preloader"></div>
            </div>
        </div>
        <div class="modal-buttons"></div>
    </div>
    <div class="shadow" style="display:none;"></div>
    <div class="result-con" id="dialog_result" style="display:none;">
        <h4>系统提示</h4>
        <!-- <p>您的问卷得分为<span>10</span></p>
        <p>风险类型为：<span>激进型</span></p> 
        <p>符合开户要求，点击“下一步”继续</p>-->
        <p>您的开户申请已提交审核，
            <br>审核通过后下一个工作日开通交易账号</p>
        <div class="down-code">
            <div class="code-list">
                <p class="code-pic">
                    <img src="img/qr_code.png" alt="">
                </p>

            </div>

        </div>
        <p class="version">长按上面二维码，
            <br>下载安装“信管家”环球交易APP</p>
        <!-- <div class="sub-btn">
            <a href="#">下一步</a>
        </div> -->
    </div>
</body>
<script src="//image.yuzijiang.tv/web/js/base/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="//image.yuzijiang.tv/web/js/base/swiper/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script> -->
<!-- <script src="//image.yuzijiang.tv/web/js/base/echarts/echarts.js" type="text/javascript" charset="utf-8"></script> -->
<!-- <script src="//image.yuzijiang.tv/web/js/base/template.js" type="text/javascript" charset="utf-8"></script> -->
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="js/user_information_submit.js" type="text/javascript" charset="utf-8"></script>

</html>